<!--用户管理-->
<template>

    <div class="h100 padding20">
            <div class="contentTop">
                <el-row>
                    <el-col :span="12">
                        <el-button class="btnDefault" @click="backLink">保存</el-button>
                    </el-col>
                    <el-col :span="12 " class="textRight pr20 textWhite pt10">
                        当前位置：权限应用管理
                    </el-col>
                </el-row>

            </div>
            <div class="content">
                <el-form ref="form" :model="form" label-width="120px" class="noBg mt20">
                    <el-form-item label="名称 ：">
                        <el-input v-model="form.name" class="border1"></el-input>
                    </el-form-item>
                    <el-form-item label="代码 ：">
                        <el-input v-model="form.name" class="border1"></el-input>
                    </el-form-item>
                    <el-form-item label="URL ：">
                        <el-input v-model="form.name" class="border1"></el-input>
                    </el-form-item>
                    <el-form-item label="图标 ：">
                        <div class="flexSa">
                            <div class="flex1">
                                <el-input v-model="form.name" class="border1"></el-input>
                            </div>
                            <div style="width: 0px;position: relative;left: -20px;">
                                <upload  @uploadSuccess="uploadPhotoSuccess"></upload>
                            </div>
                        </div>
                    </el-form-item>
                </el-form>
            </div>

    </div>
</template>

<script>
    import upload from '../base/upload'
  export default {
      name:'powerInfo',
    data() {
      return {
        form:{
          photo:'',
        }
      };
    },
    computed: {
    },
    mounted() {

      if(this.$route.query.powerId){
      }else{

      }
    },
    methods: {
      backLink(){
        if(this.$route.query.powerId=="新增保存"){
        }else{
        }
        this.$router.push('/power')
      },
      uploadPhotoSuccess (data) {
        this.form.photo = data;
      },

    },
    components: {
      upload
    }
  };
</script>


<style scoped lang="less">
.h100{
    height: 100%;
    box-sizing: border-box;
    .content{
        border: 1px solid rgba(5,230,230,0.3);
        border-top:2px solid #00ffff;
        height: calc(100% - 36px);
        box-sizing: border-box;
        background-color: #1c3742;
        .noBg{
            width: 600px;
        }
    }
}
</style>
